.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.simply-scroll-list li img {
			/*border: none;*/
			display: block;
		}

	.simply-scroll-btn {
		position: absolute;
		background-image: url(images/buttons-red1.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}

	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}

	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}

	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}

	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 576px;
		height: 200px;
	}

		.simply-scroll .simply-scroll-list {}

		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 290px;
			height: 50px;
		}
		.simply-scroll .simply-scroll-list li img {border:1px white solid;}

	.simply-scroll .simply-scroll-btn {}

	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}

	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}

	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}

	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}



/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 95px;
	height: 285px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		top:34px;
                left:24px;
		width: 62px;
		height: 218px;
	}

		.vert .simply-scroll-list {}

		.vert .simply-scroll-list li {
			width: 95px;
			height: 55px;
		}
		.vert .simply-scroll-list li img {width:50px;}

	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		right:25px;
		top: -5px;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}

	.vert .simply-scroll-btn-down { /* modified btn pos */
		right:25px;
		bottom: -5px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}

	/* NOTE left-right classes wouldn't be needed on vertical scroller */

/* Flickr example

Images created from a data source use simpler format i.e.

<div>
	<img/>
	<img/>
	...
</div>

*/

.flickr {
	width: 576px;
	height: 180px;
	margin-bottom: 1.5em;
}

	.flickr .simply-scroll-clip {
		width: 576px;
		height: 180px;
	}

		.flickr .simply-scroll-list img {
			float: left;
			/*border: none;*/
			display: block;
		}



/* gallery placeholders //////////////////////////////////////////////// */

.gallery_root{
	width:720px;
	height:285px;
}

.gallery_root_var{
	width:620px;
	height:285px;
}

.gallery_picture_holder{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	background-color: white;
	width:720px;
	height:285px;
	z-index:1;
}

.gallery_picture_holder_var{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	background-color: white;
	width:620px;
	height:285px;
	z-index:1;
}

.gallery_picture_text{
	position:absolute;
	margin-left:15px;
	margin-top:10px;
	width:565px;
	padding:5px;
	color:#00A5CF;
	font-size:64px;
	font-family:Arial;
	font-weight:700;
	text-align:right;
	letter-spacing:-1px;
	text-shadow: #000000 2px 2px 5px;
	z-index:2;
}
.gallery_picture_subtext{
	color:#FF0000;
	font-size:15px;
	font-family:Arial;
	font-weight:900;
	text-align:right;
	text-transform:uppercase;
	text-shadow: #FFFFFF 1px 1px 2px;
	letter-spacing:0px;
}
.gallery_picture_subtext B{
	color:#FF0000;
	text-shadow: #000000 1px 1px 2px;
}

.gallery_picture_text_var{
	position:absolute;
	margin-left:15px;
	margin-top:10px;
	width:465px;
	padding:5px;
	color:#00A5CF;
	font-size:64px;
	font-family:Arial;
	font-weight:700;
	text-align:right;
	letter-spacing:-1px;
	text-shadow: #000000 2px 2px 5px;
	z-index:2;
}


.gallery_slider_holder{
	position:absolute;
	margin-left:595px;
	margin-top:0px;
	width:110px;
	height:285px;
	z-index:3;
}

.gallery_slider_holder_var{
	position:absolute;
	margin-left:506px;
	margin-top:0px;
	width:110px;
	height:285px;
	z-index:3;
}
.WBimg{
    border: 2px #F0F0F0 solid;
    width:46px;
    height:46px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.WBimg_over{
    border: 3px white solid;
    width:44px;
    height:44px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}
/* end gallery placeholders //////////////////////////////////////////// */